<template>
    <div class="tab1" @click="jump">
        <img class="logo" src="@/assets/images/logo.png" alt="">
        <div class="company">
            <div class="p1">泰州市桐库科技有限单位</div>
            <div class="p2">
                <span class="kaiye">{{companyDataList.companyStatus}}</span>
                <span class="guoqi">{{companyDataList.companyType}}</span>
            </div>
            <div class="info-item">
                <span class="item-name">法定代表人：</span>
                <span class="item-content">{{companyDataList.legalPerson}}</span>
            </div>
            <div class="info-item">
                <span class="item-name">成立时间：</span>
                <span class="item-content">{{companyDataList.startDate}}</span>
            </div>
            <div class="info-item">
                <span class="item-name">注册资本：</span>
                <span class="item-content">{{companyDataList.registeredCapital}}</span>
            </div>
            <div class="info-item">
                <span class="item-name">联系电话：</span>
                <span class="item-content">{{companyDataList.phone2}}</span>
            </div>
        </div>
    </div>
</template>

<script setup>
import { ref, reactive, onMounted } from 'vue';

const props = defineProps({
    companyDataList: { type: Object, default: () => ({}) }
})

const emit = defineEmits([ 'jump' ]);
  //  点击跳转
  const jump = () => {
    emit('jump');
  }
onMounted(() => {
  
})





</script>

<style lang="scss" scoped>
.tab1{
    padding: 1.2rem;
    background: #fff;
    display: flex;
    align-items: flex-start;
    justify-content:flex-start;
    margin: 1.2rem;
}

.logo{
    width: 5rem;
    height: 5rem;
    margin-right: 1rem;
}
.p1{
    font-size: 1.8rem;
    font-weight: 700;
    color: #000000;
    margin-bottom: 0.8rem;
}
.p2{
    margin-bottom: 1.2rem;

    .kaiye{
        font-size: 1.2rem;
        font-weight: 400;
        color: #1EA872;
        width: 4.1rem;
        height: 2rem;
        line-height: 2rem;
        border-radius: 0.2rem;
        background: #EBF7EC;
        display: inline-block;
        text-align: center;
        margin-right: 0.8rem;
    }
    .guoqi{
        font-size: 1.2rem;
        font-weight: 400;
        color: #2A82E4;
        width: 6.4rem;
        height: 2rem;
        line-height: 2rem;
        border-radius: 0.2rem;
        background: rgba(42, 130, 228, 0.2);
        display: inline-block;
        text-align: center;
        margin-right: 0.8rem;
    }
}

.info-item{
    font-size: 1.4rem;
    font-weight: 400;
    margin-bottom: 0.7rem;

    .item-name{
        color: #999999;
    }
    .item-content{
        color: #000000;
    }
}


</style>